@salutejs/plasma-new-hope 0.261.0-canary.1756.13182478014.0 → 0.261.0-canary.1760.13177544873.0

package/cjs/index.css

@@ -371,21 +371,21 @@
 
 .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
 
-.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
+.base_lwq4bq_b11yryf5__4e4b1db2{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 
 .base_t42kp6_b68f6vo__04aa8af1{padding:var(--plasma-panel-padding);height:var(--plasma_private-panel-height);width:var(--plasma_private-panel-width);}
 
 .base_2yf5jv_b1xkcksz__e72487ad{border-radius:var(--plasma-panel-border-radius);}
 
-.Panel_styles_2oh0yk_siaxu13__4b38fa73{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
+.Panel_styles_1g0gq8z_siaxu13__180beaa7{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
 
 .base_1wckm5d_b1mvcfe5__595610ae{overflow-y:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px;box-sizing:border-box;}.base_1wckm5d_b1mvcfe5__595610ae::-webkit-scrollbar{display:none;}
 
 .base_hmbg05_b1orvu2x__ac0d2781{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}
 
-.PanelHeader_styles_8c7krd_b5xb1jq__8864a0a4{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
-.PanelHeader_styles_8c7krd_s1hqmxl1__8864a0a4{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.PanelHeader_styles_8c7krd_c7hx8go__8864a0a4{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
+.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.PanelHeader_styles_16qje7n_c7hx8go__a3864628{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 

package/emotion/cjs/components/Calendar/hooks/useCalendarDateChange.js

@@ -40,7 +40,6 @@ var useCalendarDateChange = exports.useCalendarDateChange = function useCalendar
       payload: {
         calendarState: _types.CalendarState.Days,
         monthIndex: newDate.monthIndex,
-        year: newDate.year,
         size: _reducer.sizeMap.Days["double"]
       }
     });

package/emotion/cjs/components/Calendar/store/reducer.js

@@ -140,7 +140,6 @@ var reducer = exports.reducer = function reducer(state, action) {
         var _action$payload3 = action.payload,
           calendarState = _action$payload3.calendarState,
           _monthIndex2 = _action$payload3.monthIndex,
-          _year2 = _action$payload3.year,
           size = _action$payload3.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: size,
@@ -148,7 +147,7 @@ var reducer = exports.reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: _monthIndex2,
-            year: _year2
+            year: state.date.year
           }
         });
       }
@@ -156,7 +155,7 @@ var reducer = exports.reducer = function reducer(state, action) {
       {
         var _action$payload4 = action.payload,
           _calendarState = _action$payload4.calendarState,
-          _year3 = _action$payload4.year,
+          _year2 = _action$payload4.year,
           _size = _action$payload4.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: _size,
@@ -164,7 +163,7 @@ var reducer = exports.reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: state.date.monthIndex,
-            year: _year3
+            year: _year2
           }
         });
       }

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

@@ -19,7 +19,7 @@ var _base3 = /*#__PURE__*/require("./variations/_borderRadius/base");
 var _Drawer2 = /*#__PURE__*/require("./Drawer.styles");
 var _DrawerContext = /*#__PURE__*/require("./DrawerContext");
 var _hooks2 = /*#__PURE__*/require("./hooks");
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -43,6 +43,8 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
       className = _ref.className,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       onClose = _ref.onClose,
       onOverlayClick = _ref.onOverlayClick,
       onEscKeyDown = _ref.onEscKeyDown,
@@ -126,6 +128,8 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/_react["default"].createElement(_Drawer2.StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/emotion/cjs/components/Panel/Panel.js

@@ -12,7 +12,7 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_borderRadius/base");
 var _Panel = /*#__PURE__*/require("./Panel.tokens");
 var _Panel2 = /*#__PURE__*/require("./Panel.styles");
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -30,6 +30,8 @@ var panelRoot = exports.panelRoot = function panelRoot(Root) {
       size = _ref.size,
       width = _ref.width,
       height = _ref.height,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       className = _ref.className,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -40,11 +42,10 @@ var panelRoot = exports.panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: (0, _utils.cx)(_Panel.classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, null, children));
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Panel.privateTokens.width, innerWidth), _Panel.privateTokens.height, innerHeight), _Panel.privateTokens.backgrounColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 var panelConfig = exports.panelConfig = {

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

@@ -10,4 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1uvnvko0",
   label: "plasma-new-hope__StyledWrapper"
-})("background:var(", _Panel.tokens.contentBackgroundColor, ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmNvbnRlbnRCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"));
+})("background:", function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(_Panel.tokens.contentBackgroundColor, ")");
+}, ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlrRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yPzogc3RyaW5nIH0+YFxuICAgIGJhY2tncm91bmQ6ICR7KHsgY3VzdG9tQ29udGVudEJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgICAgICBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yIHx8IGB2YXIoJHt0b2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn0pYH07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.privateTokens = exports.classes = void 0;
 var classes = exports.classes = {
   root: 'panel-root',
   content: 'panel-content',
@@ -12,6 +12,11 @@ var classes = exports.classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+var privateTokens = exports.privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgrounColor: '--plasma_private-panel-custom-background-color'
+};
 var tokens = exports.tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/emotion/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -17,7 +17,7 @@ var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e35wejq2",
   label: "plasma-new-hope__ButtonWrapper"
-})("background:var(", _Panel.tokens.background, ");order:", function (_ref) {
+})("background:var(", _Panel.privateTokens.backgrounColor, ", var(", _Panel.tokens.background, "));order:", function (_ref) {
   var placement = _ref.placement;
   return placement === _PanelHeader.placements.left ? -1 : 0;
 }, ";padding-left:", function (_ref2) {
@@ -26,7 +26,7 @@ var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base["default"])("
 }, ";padding-right:", function (_ref3) {
   var placement = _ref3.placement;
   return placement === _PanelHeader.placements.left ? '0.5rem' : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyBwcml2YXRlVG9rZW5zLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuXG4gICAgb3JkZXI6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/IC0xIDogMCl9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKCFwbGFjZW1lbnQgfHwgcGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLnJpZ2h0ID8gJzAuNXJlbScgOiAnJyl9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/ICcwLjVyZW0nIDogJycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEuNXJlbTtcbiAgICBtaW4taGVpZ2h0OiAxLjVyZW07XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbmA7XG4iXX0= */"));
 var StyledHeader = exports.StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e35wejq1",
   label: "plasma-new-hope__StyledHeader"
@@ -36,10 +36,10 @@ var StyledHeader = exports.StyledHeader = /*#__PURE__*/(0, _base["default"])("di
 } : {
   name: "1ncj9np",
   styles: "height:fit-content;flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _base["default"])(Button, {
   target: "e35wejq0",
   label: "plasma-new-hope__CloseIconWrapper"
-})("position:relative;width:1.5rem;min-height:1.5rem;", _Button2.tokens.buttonColor, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorHover, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorActive, ":var(", _Panel.tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));
+})("position:relative;width:1.5rem;min-height:1.5rem;", _Button2.tokens.buttonColor, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorHover, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorActive, ":var(", _Panel.tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));

package/emotion/cjs/components/Panel/variations/_view/base.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _Panel = /*#__PURE__*/require("../../Panel.tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Panel.tokens.background, ");box-shadow:var(", _Panel.tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuc2hhZG93fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG4iXX0= */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Panel.privateTokens.backgrounColor, ", var(", _Panel.tokens.background, "));box-shadow:var(", _Panel.tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5zaGFkb3d9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcbiJdfQ== */"));

package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'b2c/Overlay/Divider',
+    title: 'b2c/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx

@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
 const iconPlacements = ['top', 'left'];
 
 const meta: Meta<typeof Dropzone> = {
-    title: 'plasma_web/Dropzone',
+    title: 'web/Data Entry/Dropzone',
     component: Dropzone,
     decorators: [WithTheme],
     argTypes: {

package/emotion/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/components/Calendar/hooks/useCalendarDateChange.js

@@ -34,7 +34,6 @@ export var useCalendarDateChange = function useCalendarDateChange(_ref) {
       payload: {
         calendarState: CalendarState.Days,
         monthIndex: newDate.monthIndex,
-        year: newDate.year,
         size: sizeMap.Days["double"]
       }
     });

package/emotion/es/components/Calendar/store/reducer.js

@@ -134,7 +134,6 @@ export var reducer = function reducer(state, action) {
         var _action$payload3 = action.payload,
           calendarState = _action$payload3.calendarState,
           _monthIndex2 = _action$payload3.monthIndex,
-          _year2 = _action$payload3.year,
           size = _action$payload3.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: size,
@@ -142,7 +141,7 @@ export var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: _monthIndex2,
-            year: _year2
+            year: state.date.year
           }
         });
       }
@@ -150,7 +149,7 @@ export var reducer = function reducer(state, action) {
       {
         var _action$payload4 = action.payload,
           _calendarState = _action$payload4.calendarState,
-          _year3 = _action$payload4.year,
+          _year2 = _action$payload4.year,
           _size = _action$payload4.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: _size,
@@ -158,7 +157,7 @@ export var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: state.date.monthIndex,
-            year: _year3
+            year: _year2
           }
         });
       }

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

@@ -1,4 +1,4 @@
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -35,6 +35,8 @@ export var drawerRoot = function drawerRoot(Root) {
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
       className = _ref.className,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       onClose = _ref.onClose,
       onOverlayClick = _ref.onOverlayClick,
       onEscKeyDown = _ref.onEscKeyDown,
@@ -118,6 +120,8 @@ export var drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/emotion/es/components/Panel/Panel.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +13,7 @@ import { cx, getSizeValueFromProp } from '../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as borderRadiusCSS } from './variations/_borderRadius/base';
-import { classes } from './Panel.tokens';
+import { classes, privateTokens } from './Panel.tokens';
 import { StyledWrapper } from './Panel.styles';
 export var panelRoot = function panelRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -22,6 +22,8 @@ export var panelRoot = function panelRoot(Root) {
       size = _ref.size,
       width = _ref.width,
       height = _ref.height,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       className = _ref.className,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -32,11 +34,10 @@ export var panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: cx(classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, null, children));
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.backgrounColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 export var panelConfig = {

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

@@ -3,4 +3,7 @@ import { tokens } from './Panel.tokens';
 export var StyledWrapper = /*#__PURE__*/_styled("div", {
   target: "e1uvnvko0",
   label: "plasma-new-hope__StyledWrapper"
-})("background:var(", tokens.contentBackgroundColor, ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmNvbnRlbnRCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"));
+})("background:", function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
+}, ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlrRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yPzogc3RyaW5nIH0+YFxuICAgIGJhY2tncm91bmQ6ICR7KHsgY3VzdG9tQ29udGVudEJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgICAgICBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yIHx8IGB2YXIoJHt0b2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn0pYH07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));

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

@@ -6,6 +6,11 @@ export var classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+export var privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgrounColor: '--plasma_private-panel-custom-background-color'
+};
 export var tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/emotion/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -3,14 +3,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { mergeConfig, component } from '../../../../engines';
 import { buttonConfig } from '../../../Button';
 import { tokens as buttonTokens } from '../../../Button/Button.tokens';
-import { tokens } from '../../Panel.tokens';
+import { privateTokens, tokens } from '../../Panel.tokens';
 import { placements } from './PanelHeader.types';
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var ButtonWrapper = /*#__PURE__*/_styled("div", {
   target: "e35wejq2",
   label: "plasma-new-hope__ButtonWrapper"
-})("background:var(", tokens.background, ");order:", function (_ref) {
+})("background:var(", privateTokens.backgrounColor, ", var(", tokens.background, "));order:", function (_ref) {
   var placement = _ref.placement;
   return placement === placements.left ? -1 : 0;
 }, ";padding-left:", function (_ref2) {
@@ -19,7 +19,7 @@ export var ButtonWrapper = /*#__PURE__*/_styled("div", {
 }, ";padding-right:", function (_ref3) {
   var placement = _ref3.placement;
   return placement === placements.left ? '0.5rem' : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyBwcml2YXRlVG9rZW5zLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuXG4gICAgb3JkZXI6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/IC0xIDogMCl9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKCFwbGFjZW1lbnQgfHwgcGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLnJpZ2h0ID8gJzAuNXJlbScgOiAnJyl9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/ICcwLjVyZW0nIDogJycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEuNXJlbTtcbiAgICBtaW4taGVpZ2h0OiAxLjVyZW07XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbmA7XG4iXX0= */"));
 export var StyledHeader = /*#__PURE__*/_styled("div", {
   target: "e35wejq1",
   label: "plasma-new-hope__StyledHeader"
@@ -29,10 +29,10 @@ export var StyledHeader = /*#__PURE__*/_styled("div", {
 } : {
   name: "1ncj9np",
   styles: "height:fit-content;flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var CloseIconWrapper = /*#__PURE__*/_styled(Button, {
   target: "e35wejq0",
   label: "plasma-new-hope__CloseIconWrapper"
-})("position:relative;width:1.5rem;min-height:1.5rem;", buttonTokens.buttonColor, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorHover, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorActive, ":var(", tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));
+})("position:relative;width:1.5rem;min-height:1.5rem;", buttonTokens.buttonColor, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorHover, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorActive, ":var(", tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));

package/emotion/es/components/Panel/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from '@emotion/react';
-import { tokens } from '../../Panel.tokens';
-export var base = /*#__PURE__*/css("background:var(", tokens.background, ");box-shadow:var(", tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuc2hhZG93fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG4iXX0= */"));
+import { privateTokens, tokens } from '../../Panel.tokens';
+export var base = /*#__PURE__*/css("background:var(", privateTokens.backgrounColor, ", var(", tokens.background, "));box-shadow:var(", tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5zaGFkb3d9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcbiJdfQ== */"));

package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'b2c/Overlay/Divider',
+    title: 'b2c/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;