@salutejs/plasma-new-hope 0.264.0-canary.1757.13287195621.0 → 0.264.0-canary.1760.13286965233.0

package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -42,15 +42,13 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown,
     locale = _ref.locale;
-  var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
   var _useMonths = (0, _hooks.useMonths)({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate,
+      min: min,
+      max: max,
       locale: locale
     }),
     _useMonths2 = _slicedToArray(_useMonths, 2),

package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -41,15 +41,13 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     onHoverQuarter = _ref.onHoverQuarter,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
   var _useQuarters = (0, _hooks.useQuarters)({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate
+      min: min,
+      max: max
     }),
     _useQuarters2 = _slicedToArray(_useQuarters, 2),
     quarters = _useQuarters2[0],

package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -42,16 +42,14 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     onHoverYear = _ref.onHoverYear,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
   var _useYears = (0, _hooks.useYears)({
       date: currentDate,
       value: value,
       startYear: startYear,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate
+      min: min,
+      max: max
     }),
     _useYears2 = _slicedToArray(_useYears, 2),
     years = _useYears2[0],

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.backgroundColor, 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',
+  backgroundColor: '--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.backgroundColor, ", 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/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
 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+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuZENvbG9yfSwgdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
   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+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuZENvbG9yfSwgdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));

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.backgroundColor, ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuc2hhZG93fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG4iXX0= */"));

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

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

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

@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

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/Calendar/Calendar.stories.tsx

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

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

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';
@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

package/emotion/cjs/examples/plasma_web/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: 'web/Overlay/Divider',
+    title: 'web/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_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/CalendarBase/CalendarBase.js

@@ -23,8 +23,8 @@ import { IsOutOfRange, StyledCalendar } from './CalendarBase.styles';
 export var calendarBaseRoot = function calendarBaseRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     var externalValue = _ref.value,
-      minDate = _ref.min,
-      maxDate = _ref.max,
+      min = _ref.min,
+      max = _ref.max,
       includeEdgeDates = _ref.includeEdgeDates,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
@@ -63,8 +63,6 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var min = minDate && new Date(minDate);
-    var max = maxDate && new Date(maxDate);
     var _useReducer = useReducer(reducer, getInitialState(value, min, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],

package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -24,8 +24,8 @@ import { StyledCalendar, StyledSeparator, StyledWrapper } from './CalendarDouble
 export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     var externalValue = _ref.value,
-      minDate = _ref.min,
-      maxDate = _ref.max,
+      min = _ref.min,
+      max = _ref.max,
       includeEdgeDates = _ref.includeEdgeDates,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
@@ -64,8 +64,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var min = minDate && new Date(minDate);
-    var max = maxDate && new Date(maxDate);
     var _useReducer = useReducer(reducer, getInitialState(value, min, type, true)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],

package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -35,15 +35,13 @@ export var CalendarMonths = function CalendarMonths(_ref) {
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown,
     locale = _ref.locale;
-  var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
   var _useMonths = useMonths({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate,
+      min: min,
+      max: max,
       locale: locale
     }),
     _useMonths2 = _slicedToArray(_useMonths, 2),